{% extends "base.html" %}
{% block title %}What travels · {{ app_name }}{% endblock %}
{% block body %}
<h1>🧳 What travels <small class="hint">to your own next box, in pup.json <a class="doc" href="/guide/photos#carrying-photos-to-a-new-box" title="the guide on this">📖</a></small></h1>
<section class="card">
  <p>🧳 means <b>travels with my pup to my next box — not shown to any pack.</b> What a pack sees is
    chosen on <a href="/consent">Consent</a>, item by item; this is only about carrying your own
    things to your own new box.</p>
  <p class="hint">A photo that travels is re-encoded first: rotated upright, no location, no camera
    details, no caption. Voice memos never travel, and neither does a photo whose check-in or task you undid.
    At most {{ max_media }} photos go in one pup.json — the newest — and a re-encoded photo over 1 MB,
    or past 24 MB in all, is left out when the file is made.</p>
</section>
<section class="gallery small">
  {% for m in items %}
  <figure>
    {#- linked to the whole picture: on a new box a carried photo is in no gallery and on no card,
        and this page is the only place it can be seen #}
    <a href="/media/{{ m.id }}"><img src="/media/{{ m.id }}/thumb" alt="" loading="lazy"></a>
    <figcaption>
      <small class="hint">{{ 'from your last box · ' if m.kind == 'carried' else '' }}{{ (m.taken_at or m.uploaded_at)|local('%Y-%m-%d') }}</small>
      <form method="post" action="/pup/media/{{ m.id }}" class="carry">
        <input type="hidden" name="_t" value="{{ form_token('pup.media') }}">
        <input type="hidden" name="on" value="{{ '0' if m.portable else '1' }}">
        {%- set st = carry.get(m.id) if m.portable else None %}
        <button class="chip {{ 'on' if st == 'travels' else '' }}" title="{{ 'marked to travel — tap to keep it here' if m.portable else 'stays here — tap to carry it' }}">🧳 {{ carry_label[st] if st else 'stays' }}</button>
      </form>
    </figcaption>
  </figure>
  {% else %}
  <p class="hint">No photos yet.</p>
  {% endfor %}
</section>
{% endblock %}